<template>
  <div class="cellWrapper" @click="handelClick">
    <div class="label">{{label}}</div>
    <div class="desc">{{desc}}</div>
    <span class="iconfont iconjiantou1"></span>
  </div>
</template>

<script>
export default {
  props: ["label", "desc"],
  methods: {
    handelClick() {
      this.$emit("click");
      //   console.log("被点击了");
    },
  },
};
</script>

<style lang="less" scoped>
.cellWrapper {
  display: flex;
  margin: 20/360 * 100vw 0 20/360 * 100vw 20/360 * 100vw;
  padding-bottom: 20/360 * 100vw;
  padding-right: 20/360 * 100vw;
  border-bottom: 1px solid #ccc;
  .label {
    flex: 1;
  }
  .desc {
    color: #c0afb7;
  }
  .iconjiantou1 {
    margin-left: 10/360 * 100vw;
    font-size: 16/360 * 100vw;
  }
}
</style>